import axios from "axios";
import router from "../router/index";
import { Message, MessageBox } from "element-ui";
import store from "../store";
import { getToken } from "utils/auth";

axios.defaults.withCredentials = true;
// 创建axios实例
const service = axios.create({
    // baseURL: process.env.BASE_API, // api的base_url
    // headers:{'X-Requested-With': 'XMLHttpRequest'},
    // headers: {
    //   'Access-Control-Allow-Origin': '*',
    //   'Access-Control-Allow-Headers': 'X-Requested-With,Content-Type',
    //   'Access-Control-Allow-Methods': 'PUT,POST,GET,DELETE,OPTIONS',
    // },
    // baseURL: 'http://150.138.119.4:8765',
    //baseURL: 'http://localhost:5000',
    // credentials: 'same-origin',
    // withCredentials: true,

    // changeOrigin: true,
    // 超时   暂设10分钟
    baseURL: "/",
    timeout: 1800000,
});

// let f=()=>{
//   service.post('/api/auth/jwt/token',{username:'admin',passworld:'admin'})
// }
// f();
// request拦截器
service.interceptors.request.use(
    (config) => {
        // Do something before request is sent

        if (store.getters.token) {
            config.headers["Authorization"] = getToken(); // 让每个请求携带token--['Authorization']为自定义key 请根据实际情况自行修改
        }
        return config;
    },
    (error) => {
        // Do something with request error
        console.log(error); // for debug
        Promise.reject(error);
    }
);

// respone拦截器
service.interceptors.response.use(
    (response) => {
        /**
         * 下面的注释为通过response自定义code来标示请求状态，当code返回如下情况为权限有问题，登出并返回到登录页
         * 如通过xmlhttprequest 状态码标识 逻辑可写在下面error中
         */
        const res = response.data;
        if (response.status === 401 || res.status === 40101) {
            MessageBox.confirm(
                "你已被登出，可以取消继续留在该页面，或者重新登录",
                "确定登出", {
                    confirmButtonText: "重新登录",
                    cancelButtonText: "取消",
                    type: "warning",
                }
            ).then(() => {
                store.dispatch("FedLogOut").then(() => {
                    location.reload(); // 为了重新实例化vue-router对象 避免bug
                });
            });
            return Promise.reject("error");
        }
        if (res.status === 40301) {
            Message({
                message: "当前用户无相关操作权限！",
                type: "error",
                duration: 5 * 1000,
            });
            return Promise.reject("error");
        }
        if (res.status === 40001) {
            Message({
                message: res.message,
                type: "warning",
            });
            // 加首页跳转
            router.replace({
                path: "/login",
            });
            return Promise.reject("error");
        }
        if (response.status !== 200 && res.status !== 200) {
            Message({
                message: res.message,
                type: "error",
                duration: 5 * 1000,
            });
        } else {
            if (Object.prototype.toString.call(response.data) === "[object Blob]") {
                response.data["filename"] = response.headers["content-disposition"];
            }
            return response.data;
        }
    },
    (error) => {
        // console.log(error); // for debug
        Message({
            message: error.message,
            type: "error",
            duration: 5 * 1000,
        });
        return Promise.reject(error);
    }
);

export default service;